<template>
	<view class="page-container">
		<view class="dataList padd30">
			<view class="list" v-if="dataList.length>0">
				<view class="item between" v-for="(item,index) in dataList" :key="index">
					<image :src="item.img" class="hImg" mode="aspectFill"></image>
					<view class="info">
						<view class="name ellipsis">整租·龙湖U城九组团 2室1厅整租·龙湖U城九组团 2室1厅</view>
						<view class="txt ellipsis">两室一厅</view>
						<view class="txt ellipsisMore line2">重庆市江津区滨江新城南北大道重庆市江津区滨江新城南北大道重庆市江津区滨江新城南北大道</view>
						<view class="pirce">
							<text class="t1">¥</text>
							<view class="num">4000</view>
							<text class="t1"></text>
						</view>
					</view>
				</view>
			</view>
			<view class="empty" v-else>
				<view class="txt">没有更多数据～～</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		getCurrentInstance,
	} from 'vue'
	import {
		onLoad,
		onShow,
		onShareAppMessage,
		onShareTimeline
	} from '@dcloudio/uni-app'
	const {
		proxy
	} = getCurrentInstance();
	const dataList = ref([
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		},
		{
			img:"https://ke-image.ljcdn.com/hdic-resblock/461bb242-3b88-4132-bccc-54ff9a542e2c.JPG.280x210.jpg",
		}
	])
	
	onLoad((e)=>{
		
	})
	
	onShow(()=>{
		
	})
</script>

<style lang="less" scoped>
	.dataList{
		background-color: #fff;
		.list{
			.item{
				padding: 15rpx;
				border-radius: 8rpx;
				box-shadow: 0px 0px 8px 0px rgba(55, 123, 245, 0.08);
				margin-bottom: 30rpx;
				.hImg{
					width: 208rpx;
					height: 208rpx;
					display: block;
					border-radius: 8rpx;
				}
				.info{
					flex: 1;
					padding-left: 15rpx;
					overflow: hidden;
					.name{
						font-size: 30rpx;
					}
					.txt{
						color: #747474;
						font-size: 26rpx;
						margin-top: 10rpx;
					}
					.ellipsisMore{
						min-height: 70rpx;
					}
					.line2{
						-webkit-line-clamp:2;
					}
					.pirce{
						display: flex;
						align-items: center;
						font-size: 26rpx;
						.num{
							font-size: 32rpx;
							color: #ff6666;
							margin: 0 10rpx;
						}
					}
				}
			}
		}
	}
</style>